﻿<!DOCTYPE html>
<html>
  <head>
    <title>阅读功能</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/阅读功能/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/阅读功能/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u426" class="ax_default" data-left="400" data-top="42" data-width="375" data-height="812">

        <!-- Unnamed (矩形) -->
        <div id="u427" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
          <img id="u427_img" class="img " src="images/登录与注册/u70.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u428" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
          <img id="u428_img" class="img " src="images/登录与注册/u70.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u429" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
          <img id="u429_img" class="img " src="images/登录与注册/u70.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u430" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
          <img id="u430_img" class="img " src="images/登录与注册/u70.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u431" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
          <img id="u431_img" class="img " src="images/登录与注册/u70.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u432" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
          <img id="u432_img" class="img " src="images/登录与注册/u70.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u433" class="ax_default box_1">
          <img id="u433_img" class="img " src="images/登录与注册/u76.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u434" class="ax_default box_1">
          <img id="u434_img" class="img " src="images/登录与注册/u77.png"/>
        </div>

        <!-- 底部 (组合) -->
        <div id="u435" class="ax_default" data-label="底部" data-left="400" data-top="820" data-width="375" data-height="34">

          <!-- Unnamed (矩形) -->
          <div id="u436" class="ax_default box_11">
            <img id="u436_img" class="img " src="images/登录与注册/u79.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u437" class="ax_default _文本段落">
          <div id="u437_div" class=""></div>
          <div id="u437_text" class="text ">
            <p style="font-size:20px;"><span>第二十二章 地球叛军</span></p><p style="font-size:16px;"><span><br></span></p><p style="font-size:16px;"><span>&nbsp;&nbsp; &nbsp; 与上次网友聚会相反，这是一次人数众多的聚会，聚会的地点是一座化工厂的职工食堂。工厂已经搬迁，这栋即将拆除的建筑内部很破旧，但十分宽敞。聚集在这里的有三百多人，汪淼发现有许多熟悉的面孔，都是社会名流和各个领域的精英，有著名的科学家、文学家、政治家等。</span></p><p style="font-size:16px;"><span>&nbsp;&nbsp; &nbsp; 首先吸引汪淼注意的是摆放在大厅正中的一个神奇的东西，那是三个银色的球体，每个直径比保龄球略小，在一个金属基座上空翻飞，汪淼猜测这个装置可能是基于磁悬浮原理。那三个球体的运动轨道完全随机，汪淼亲眼看到了真正的三体运动。</span></p><p style="font-size:16px;"><span>&nbsp;&nbsp; 其他的人并没有过多地注意那个表现三体运动的艺术品，他们的注意力集中在大厅中央的潘寒身上，他正站在一张破饭桌上。</span></p><p style="font-size:16px;"><span>&nbsp;&nbsp; “是不是你杀了申玉菲同志？”有人质问道。</span></p><p style="font-size:16px;"><span>&nbsp;&nbsp; “是我。”潘寒镇静地说，“组织走到今天</span></p><p style="font-size:16px;"><span>今天这样危险的境地，都是因为降临派内部有像她这样的叛徒的出卖。”</span></p><p style="font-size:16px;"><span>&nbsp;&nbsp; “谁给你权力杀人的？”</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u438" class="ax_default box_11">
          <div id="u438_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u439" class="ax_default box_1">
          <img id="u439_img" class="img " src="images/登录与注册/u82.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u440" class="ax_default box_1">
          <div id="u440_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u441" class="ax_default label">
          <div id="u441_div" class=""></div>
          <div id="u441_text" class="text ">
            <p><span>483/3618</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u442" class="ax_default box_1">
          <div id="u442_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u443" class="ax_default ellipse">
          <img id="u443_img" class="img " src="images/阅读功能/u443.png"/>
          <div id="u443_text" class="text ">
            <p><span>听</span></p>
          </div>
        </div>

        <!-- IphoneX状态栏 (图片) -->
        <div id="u444" class="ax_default image" data-label="IphoneX状态栏">
          <img id="u444_img" class="img " src="images/登录与注册/iphonex____u81.png"/>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u445" class="ax_default image1">
          <img id="u445_img" class="img " src="images/阅读功能/u445.svg"/>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u446" class="ax_default image1">
          <img id="u446_img" class="img " src="images/阅读功能/u446.svg"/>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u447" class="ax_default image1">
          <img id="u447_img" class="img " src="images/阅读功能/u447.svg"/>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u448" class="ax_default image1">
          <img id="u448_img" class="img " src="images/阅读功能/u448.svg"/>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u449" class="ax_default image1">
          <img id="u449_img" class="img " src="images/分享/u409.svg"/>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u450" class="ax_default image1">
          <img id="u450_img" class="img " src="images/阅读功能/u450.svg"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u451" class="ax_default" data-left="590" data-top="83" data-width="28" data-height="50">

          <!-- Unnamed (SVG) -->
          <div id="u452" class="ax_default image1">
            <img id="u452_img" class="img " src="images/阅读功能/u452.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u453" class="ax_default image1">
            <img id="u453_img" class="img " src="images/阅读功能/u453.svg"/>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u454" class="ax_default image1">
          <img id="u454_img" class="img " src="images/登录/u111.svg"/>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u455" class="ax_default image1">
          <img id="u455_img" class="img " src="images/阅读功能/u455.svg"/>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u456" class="ax_default image1">
          <img id="u456_img" class="img " src="images/分享/u418.svg"/>
        </div>

        <!-- 进度 (组合) -->
        <div id="u457" class="ax_default" data-label="进度" data-left="427" data-top="754" data-width="318" data-height="33">

          <!-- Unnamed (SVG) -->
          <div id="u458" class="ax_default _图片">
            <img id="u458_img" class="img " src="images/阅读/u343.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u459" class="ax_default image1">
            <img id="u459_img" class="img " src="images/阅读功能/u459.svg"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u460" class="ax_default box_1">
            <img id="u460_img" class="img " src="images/阅读功能/u460.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u461" class="ax_default box_1">
            <img id="u461_img" class="img " src="images/阅读功能/u461.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u462" class="ax_default ellipse">
            <img id="u462_img" class="img " src="images/阅读功能/u462.png"/>
            <div id="u462_text" class="text ">
              <p><span>&nbsp;</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u463" class="ax_default label">
            <div id="u463_div" class=""></div>
            <div id="u463_text" class="text ">
              <p><span>进度</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 背景 (动态面板) -->
      <div id="u464" class="ax_default" data-label="背景">
        <div id="u464_state0" class="panel_state" data-label="State1" style="">
          <div id="u464_state0_content" class="panel_state_content">
          </div>
        </div>
        <div id="u464_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u464_state1_content" class="panel_state_content">

            <!-- 目录 (组合) -->
            <div id="u465" class="ax_default" data-label="目录" data-left="0" data-top="3" data-width="375" data-height="653">

              <!-- Unnamed (矩形) -->
              <div id="u466" class="ax_default box_1">
                <img id="u466_img" class="img " src="images/阅读功能/u466.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u467" class="ax_default label">
                <div id="u467_div" class=""></div>
                <div id="u467_text" class="text ">
                  <p><span>三体</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u468" class="ax_default" data-left="30" data-top="66" data-width="317" data-height="40">

                <!-- Unnamed (矩形) -->
                <div id="u469" class="ax_default box_1">
                  <img id="u469_img" class="img " src="images/阅读功能/u469.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u470" class="ax_default label">
                  <div id="u470_div" class=""></div>
                  <div id="u470_text" class="text ">
                    <p><span>搜索全书内容</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u471" class="ax_default _图片">
                  <img id="u471_img" class="img " src="images/阅读/u352.svg"/>
                </div>
              </div>

              <!-- Unnamed (SVG) -->
              <div id="u472" class="ax_default image1">
                <img id="u472_img" class="img " src="images/阅读功能/u472.svg"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u473" class="ax_default label">
                <div id="u473_div" class=""></div>
                <div id="u473_text" class="text ">
                  <p><span>去当前</span></p>
                </div>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u474" class="ax_default line">
                <img id="u474_img" class="img " src="images/阅读功能/u474.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u475" class="ax_default line">
                <img id="u475_img" class="img " src="images/阅读功能/u474.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u476" class="ax_default line">
                <img id="u476_img" class="img " src="images/阅读功能/u474.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u477" class="ax_default line">
                <img id="u477_img" class="img " src="images/阅读功能/u474.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u478" class="ax_default line">
                <img id="u478_img" class="img " src="images/阅读功能/u474.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u479" class="ax_default line">
                <img id="u479_img" class="img " src="images/阅读功能/u474.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u480" class="ax_default line">
                <img id="u480_img" class="img " src="images/阅读功能/u474.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u481" class="ax_default line">
                <img id="u481_img" class="img " src="images/阅读功能/u474.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u482" class="ax_default line">
                <img id="u482_img" class="img " src="images/阅读功能/u474.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u483" class="ax_default line">
                <img id="u483_img" class="img " src="images/阅读功能/u474.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u484" class="ax_default label">
                <div id="u484_div" class=""></div>
                <div id="u484_text" class="text ">
                  <p><span>扉页</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u485" class="ax_default label">
                <div id="u485_div" class=""></div>
                <div id="u485_text" class="text ">
                  <p><span>1</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u486" class="ax_default label">
                <div id="u486_div" class=""></div>
                <div id="u486_text" class="text ">
                  <p><span>版权信息</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u487" class="ax_default label">
                <div id="u487_div" class=""></div>
                <div id="u487_text" class="text ">
                  <p><span>致读者</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u488" class="ax_default label">
                <div id="u488_div" class=""></div>
                <div id="u488_text" class="text ">
                  <p><span>刘慈欣给电子书读者的寄语</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u489" class="ax_default label">
                <div id="u489_div" class=""></div>
                <div id="u489_text" class="text ">
                  <p><span>刘慈欣2018克拉克奖获奖感言</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u490" class="ax_default label">
                <div id="u490_div" class=""></div>
                <div id="u490_text" class="text ">
                  <p><span>第一章 科学边界</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u491" class="ax_default label">
                <div id="u491_div" class=""></div>
                <div id="u491_text" class="text ">
                  <p><span>第二章 台球</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u492" class="ax_default label">
                <div id="u492_div" class=""></div>
                <div id="u492_text" class="text ">
                  <p><span>第三章 射手与农场主</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u493" class="ax_default label">
                <div id="u493_div" class=""></div>
                <div id="u493_text" class="text ">
                  <p><span>第四章 三体、周文王、长夜</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u494" class="ax_default label">
                <div id="u494_div" class=""></div>
                <div id="u494_text" class="text ">
                  <p><span>第五章 叶文洁</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u495" class="ax_default label">
                <div id="u495_div" class=""></div>
                <div id="u495_text" class="text ">
                  <p><span>第六章 宇宙闪烁之一</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u496" class="ax_default label">
                <div id="u496_div" class=""></div>
                <div id="u496_text" class="text ">
                  <p><span>4</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u497" class="ax_default label">
                <div id="u497_div" class=""></div>
                <div id="u497_text" class="text ">
                  <p><span>5</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u498" class="ax_default label">
                <div id="u498_div" class=""></div>
                <div id="u498_text" class="text ">
                  <p><span>6</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u499" class="ax_default label">
                <div id="u499_div" class=""></div>
                <div id="u499_text" class="text ">
                  <p><span>8</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u500" class="ax_default label">
                <div id="u500_div" class=""></div>
                <div id="u500_text" class="text ">
                  <p><span>16</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u501" class="ax_default label">
                <div id="u501_div" class=""></div>
                <div id="u501_text" class="text ">
                  <p><span>49</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u502" class="ax_default label">
                <div id="u502_div" class=""></div>
                <div id="u502_text" class="text ">
                  <p><span>61</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u503" class="ax_default label">
                <div id="u503_div" class=""></div>
                <div id="u503_text" class="text ">
                  <p><span>163</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u504" class="ax_default label">
                <div id="u504_div" class=""></div>
                <div id="u504_text" class="text ">
                  <p><span>148</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u505" class="ax_default label">
                <div id="u505_div" class=""></div>
                <div id="u505_text" class="text ">
                  <p><span>111</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u464_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u464_state2_content" class="panel_state_content">

            <!-- 笔记 (组合) -->
            <div id="u506" class="ax_default" data-label="笔记" data-left="0" data-top="3" data-width="375" data-height="653">

              <!-- Unnamed (矩形) -->
              <div id="u507" class="ax_default box_1">
                <img id="u507_img" class="img " src="images/阅读功能/u466.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u508" class="ax_default label">
                <div id="u508_div" class=""></div>
                <div id="u508_text" class="text ">
                  <p><span>笔记-1</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u509" class="ax_default" data-left="30" data-top="66" data-width="317" data-height="40">

                <!-- Unnamed (矩形) -->
                <div id="u510" class="ax_default box_1">
                  <img id="u510_img" class="img " src="images/阅读功能/u469.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u511" class="ax_default label">
                  <div id="u511_div" class=""></div>
                  <div id="u511_text" class="text ">
                    <p><span>搜索笔记</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u512" class="ax_default _图片">
                  <img id="u512_img" class="img " src="images/阅读/u352.svg"/>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u513" class="ax_default label">
                <div id="u513_div" class=""></div>
                <div id="u513_text" class="text ">
                  <p><span>第二十二章 地球叛军</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u514" class="ax_default label">
                <div id="u514_div" class=""></div>
                <div id="u514_text" class="text ">
                  <p><span>这些人是魔鬼吧，内奸做到这种程度，这是要毁灭人类吧。</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u515" class="ax_default _文本段落">
                <div id="u515_div" class=""></div>
                <div id="u515_text" class="text ">
                  <p><span>其他的人并没有过多地注意那个表现三体运动的艺术品，他们的注意力集中在大厅中央的潘寒身上，他正站在一张破饭桌上。</span></p>
                </div>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u516" class="ax_default line">
                <img id="u516_img" class="img " src="images/阅读功能/u516.png"/>
              </div>

              <!-- Unnamed (SVG) -->
              <div id="u517" class="ax_default image1">
                <img id="u517_img" class="img " src="images/分享/u418.svg"/>
              </div>

              <!-- Unnamed (SVG) -->
              <div id="u518" class="ax_default image1">
                <img id="u518_img" class="img " src="images/阅读功能/u518.svg"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u519" class="ax_default label">
                <div id="u519_div" class=""></div>
                <div id="u519_text" class="text ">
                  <p><span>导出</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u520" class="ax_default label">
                <div id="u520_div" class=""></div>
                <div id="u520_text" class="text ">
                  <p><span>笔记-1</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u521" class="ax_default label">
                <div id="u521_div" class=""></div>
                <div id="u521_text" class="text ">
                  <p><span>热门划线</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u522" class="ax_default box_1">
                <img id="u522_img" class="img " src="images/阅读功能/u522.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u464_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u464_state3_content" class="panel_state_content">

            <!-- 评论 (组合) -->
            <div id="u523" class="ax_default" data-label="评论" data-left="0" data-top="3" data-width="375" data-height="653">

              <!-- Unnamed (矩形) -->
              <div id="u524" class="ax_default box_1">
                <img id="u524_img" class="img " src="images/阅读功能/u466.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u525" class="ax_default label">
                <div id="u525_div" class=""></div>
                <div id="u525_text" class="text ">
                  <p><span>评论（1189）</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u526" class="ax_default label">
                <div id="u526_div" class=""></div>
                <div id="u526_text" class="text ">
                  <p><span>书评</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u527" class="ax_default box_1">
                <img id="u527_img" class="img " src="images/阅读/u347.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u528" class="ax_default label">
                <div id="u528_div" class=""></div>
                <div id="u528_text" class="text ">
                  <p><span>批注</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u529" class="ax_default" data-left="30" data-top="66" data-width="317" data-height="40">

                <!-- Unnamed (矩形) -->
                <div id="u530" class="ax_default box_1">
                  <img id="u530_img" class="img " src="images/阅读功能/u469.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u531" class="ax_default label">
                  <div id="u531_div" class=""></div>
                  <div id="u531_text" class="text ">
                    <p><span>搜索评论</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u532" class="ax_default _图片">
                  <img id="u532_img" class="img " src="images/阅读/u352.svg"/>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u533" class="ax_default" data-left="30" data-top="136" data-width="320" data-height="440">

                <!-- Unnamed (图片) -->
                <div id="u534" class="ax_default image1">
                  <img id="u534_img" class="img " src="images/阅读功能/u534.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u535" class="ax_default label">
                  <div id="u535_div" class=""></div>
                  <div id="u535_text" class="text ">
                    <p><span>可达鸭</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u536" class="ax_default label">
                  <div id="u536_div" class=""></div>
                  <div id="u536_text" class="text ">
                    <p><span>2021年6月25日 发表书评</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u537" class="ax_default label">
                  <div id="u537_div" class=""></div>
                  <div id="u537_text" class="text ">
                    <p><span>一流的宇宙观和世界观，二流的技术细节，三流的文笔，四流的文革故事。</span></p>
                  </div>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u538" class="ax_default line">
                  <img id="u538_img" class="img " src="images/阅读功能/u474.png"/>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u539" class="ax_default image1">
                  <img id="u539_img" class="img " src="images/阅读功能/u447.svg"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u540" class="ax_default label">
                  <div id="u540_div" class=""></div>
                  <div id="u540_text" class="text ">
                    <p><span>1</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u541" class="ax_default image1">
                  <img id="u541_img" class="img " src="images/阅读功能/u541.svg"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u542" class="ax_default label">
                  <div id="u542_div" class=""></div>
                  <div id="u542_text" class="text ">
                    <p><span>10</span></p>
                  </div>
                </div>

                <!-- Unnamed (组合) -->
                <div id="u543" class="ax_default" data-left="325" data-top="231" data-width="20" data-height="5">

                  <!-- Unnamed (椭圆形) -->
                  <div id="u544" class="ax_default ellipse">
                    <img id="u544_img" class="img " src="images/阅读/u296.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u545" class="ax_default ellipse">
                    <img id="u545_img" class="img " src="images/阅读/u296.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u546" class="ax_default ellipse">
                    <img id="u546_img" class="img " src="images/阅读/u296.png"/>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u547" class="ax_default label">
                  <div id="u547_div" class=""></div>
                  <div id="u547_text" class="text ">
                    <p><span>蜡笔小新</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u548" class="ax_default label">
                  <div id="u548_div" class=""></div>
                  <div id="u548_text" class="text ">
                    <p><span>2021年6月25日 发表书评</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u549" class="ax_default label">
                  <div id="u549_div" class=""></div>
                  <div id="u549_text" class="text ">
                    <p><span>越透明的东西越神秘，宇宙本身就是透明的，只要目力能及，你想看多远就多远，但越看越神秘。</span></p>
                  </div>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u550" class="ax_default line">
                  <img id="u550_img" class="img " src="images/阅读功能/u474.png"/>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u551" class="ax_default image1">
                  <img id="u551_img" class="img " src="images/阅读功能/u541.svg"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u552" class="ax_default label">
                  <div id="u552_div" class=""></div>
                  <div id="u552_text" class="text ">
                    <p><span>30</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u553" class="ax_default image1">
                  <img id="u553_img" class="img " src="images/阅读功能/u447.svg"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u554" class="ax_default label">
                  <div id="u554_div" class=""></div>
                  <div id="u554_text" class="text ">
                    <p><span>15</span></p>
                  </div>
                </div>

                <!-- Unnamed (组合) -->
                <div id="u555" class="ax_default" data-left="325" data-top="406" data-width="20" data-height="5">

                  <!-- Unnamed (椭圆形) -->
                  <div id="u556" class="ax_default ellipse">
                    <img id="u556_img" class="img " src="images/阅读/u296.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u557" class="ax_default ellipse">
                    <img id="u557_img" class="img " src="images/阅读/u296.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u558" class="ax_default ellipse">
                    <img id="u558_img" class="img " src="images/阅读/u296.png"/>
                  </div>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u559" class="ax_default image1">
                  <img id="u559_img" class="img " src="images/阅读功能/u559.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u560" class="ax_default box_1">
                  <img id="u560_img" class="img " src="images/阅读功能/u560.png"/>
                </div>

                <!-- Unnamed (组合) -->
                <div id="u561" class="ax_default" data-left="210" data-top="546" data-width="120" data-height="20">

                  <!-- Unnamed (SVG) -->
                  <div id="u562" class="ax_default image1">
                    <img id="u562_img" class="img " src="images/阅读功能/u562.svg"/>
                  </div>

                  <!-- Unnamed (SVG) -->
                  <div id="u563" class="ax_default image1">
                    <img id="u563_img" class="img " src="images/阅读功能/u562.svg"/>
                  </div>

                  <!-- Unnamed (SVG) -->
                  <div id="u564" class="ax_default image1">
                    <img id="u564_img" class="img " src="images/阅读功能/u562.svg"/>
                  </div>

                  <!-- Unnamed (SVG) -->
                  <div id="u565" class="ax_default image1">
                    <img id="u565_img" class="img " src="images/阅读功能/u562.svg"/>
                  </div>

                  <!-- Unnamed (SVG) -->
                  <div id="u566" class="ax_default image1">
                    <img id="u566_img" class="img " src="images/阅读功能/u562.svg"/>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u567" class="ax_default label">
                  <div id="u567_div" class=""></div>
                  <div id="u567_text" class="text ">
                    <p><span>我的书评</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (SVG) -->
              <div id="u568" class="ax_default _图片">
                <img id="u568_img" class="img " src="images/阅读/u350.svg"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u464_state4" class="panel_state" data-label="State5" style="visibility: hidden;">
          <div id="u464_state4_content" class="panel_state_content">

            <!-- 设置 (组合) -->
            <div id="u569" class="ax_default" data-label="设置" data-left="0" data-top="227" data-width="375" data-height="431">

              <!-- Unnamed (矩形) -->
              <div id="u570" class="ax_default box_1">
                <img id="u570_img" class="img " src="images/阅读功能/u570.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u571" class="ax_default label">
                <div id="u571_div" class=""></div>
                <div id="u571_text" class="text ">
                  <p><span>开启自动翻页</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u572" class="ax_default label">
                <div id="u572_div" class=""></div>
                <div id="u572_text" class="text ">
                  <p><span>已读39分钟</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u573" class="ax_default label">
                <div id="u573_div" class=""></div>
                <div id="u573_text" class="text ">
                  <p><span>休息提醒</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u574" class="ax_default label">
                <div id="u574_div" class=""></div>
                <div id="u574_text" class="text ">
                  <p><span>翻页</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u575" class="ax_default label">
                <div id="u575_div" class=""></div>
                <div id="u575_text" class="text ">
                  <p><span>字号</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u576" class="ax_default label">
                <div id="u576_div" class=""></div>
                <div id="u576_text" class="text ">
                  <p><span>字体</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u577" class="ax_default label">
                <div id="u577_div" class=""></div>
                <div id="u577_text" class="text ">
                  <p><span>行距</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u578" class="ax_default label">
                <div id="u578_div" class=""></div>
                <div id="u578_text" class="text ">
                  <p><span>模式</span></p>
                </div>
              </div>

              <!-- Unnamed (SVG) -->
              <div id="u579" class="ax_default _图片">
                <img id="u579_img" class="img " src="images/阅读/u343.svg"/>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u580" class="ax_default line">
                <img id="u580_img" class="img " src="images/阅读功能/u580.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u581" class="ax_default box_1">
                <div id="u581_div" class=""></div>
                <div id="u581_text" class="text ">
                  <p><span>仿真</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u582" class="ax_default box_1">
                <div id="u582_div" class=""></div>
                <div id="u582_text" class="text ">
                  <p><span>左右</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u583" class="ax_default box_1">
                <div id="u583_div" class=""></div>
                <div id="u583_text" class="text ">
                  <p><span>上下</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u584" class="ax_default box_1">
                <div id="u584_div" class=""></div>
                <div id="u584_text" class="text ">
                  <p><span>默认</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u585" class="ax_default box_1">
                <div id="u585_div" class=""></div>
                <div id="u585_text" class="text ">
                  <p><span>苹方</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u586" class="ax_default box_1">
                <div id="u586_div" class=""></div>
                <div id="u586_text" class="text ">
                  <p><span>思源黑体</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u587" class="ax_default" data-left="82" data-top="412" data-width="60" data-height="30">

                <!-- Unnamed (矩形) -->
                <div id="u588" class="ax_default box_1">
                  <div id="u588_div" class=""></div>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u589" class="ax_default line">
                  <img id="u589_img" class="img " src="images/阅读功能/u589.png"/>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u590" class="ax_default line">
                  <img id="u590_img" class="img " src="images/阅读功能/u589.png"/>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u591" class="ax_default line">
                  <img id="u591_img" class="img " src="images/阅读功能/u589.png"/>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u592" class="ax_default line">
                  <img id="u592_img" class="img " src="images/阅读功能/u589.png"/>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u593" class="ax_default line">
                  <img id="u593_img" class="img " src="images/阅读功能/u589.png"/>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u594" class="ax_default line">
                  <img id="u594_img" class="img " src="images/阅读功能/u589.png"/>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u595" class="ax_default" data-left="236" data-top="412" data-width="60" data-height="30">

                <!-- Unnamed (矩形) -->
                <div id="u596" class="ax_default box_1">
                  <div id="u596_div" class=""></div>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u597" class="ax_default line">
                  <img id="u597_img" class="img " src="images/阅读功能/u589.png"/>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u598" class="ax_default line">
                  <img id="u598_img" class="img " src="images/阅读功能/u589.png"/>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u599" class="ax_default line">
                  <img id="u599_img" class="img " src="images/阅读功能/u589.png"/>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u600" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
              </div>

              <!-- Unnamed (组合) -->
              <div id="u601" class="ax_default" data-left="158" data-top="412" data-width="60" data-height="30">

                <!-- Unnamed (矩形) -->
                <div id="u602" class="ax_default box_1">
                  <div id="u602_div" class=""></div>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u603" class="ax_default line">
                  <img id="u603_img" class="img " src="images/阅读功能/u603.png"/>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u604" class="ax_default line">
                  <img id="u604_img" class="img " src="images/阅读功能/u603.png"/>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u605" class="ax_default line">
                  <img id="u605_img" class="img " src="images/阅读功能/u603.png"/>
                </div>

                <!-- Unnamed (水平线) -->
                <div id="u606" class="ax_default line">
                  <img id="u606_img" class="img " src="images/阅读功能/u603.png"/>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u607" class="ax_default" data-left="82" data-top="512" data-width="218" data-height="30">

                <!-- Unnamed (椭圆形) -->
                <div id="u608" class="ax_default ellipse">
                  <img id="u608_img" class="img " src="images/阅读功能/u608.png"/>
                </div>

                <!-- Unnamed (椭圆形) -->
                <div id="u609" class="ax_default ellipse">
                  <img id="u609_img" class="img " src="images/阅读功能/u609.png"/>
                </div>

                <!-- Unnamed (椭圆形) -->
                <div id="u610" class="ax_default ellipse">
                  <img id="u610_img" class="img " src="images/阅读功能/u610.png"/>
                </div>

                <!-- Unnamed (椭圆形) -->
                <div id="u611" class="ax_default ellipse">
                  <img id="u611_img" class="img " src="images/阅读功能/u611.png"/>
                </div>

                <!-- Unnamed (椭圆形) -->
                <div id="u612" class="ax_default ellipse">
                  <img id="u612_img" class="img " src="images/阅读功能/u612.png"/>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u613" class="ax_default image1">
                  <img id="u613_img" class="img " src="images/阅读功能/u613.svg"/>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u614" class="ax_default" data-left="320" data-top="512" data-width="30" data-height="30">

                <!-- Unnamed (椭圆形) -->
                <div id="u615" class="ax_default ellipse">
                  <img id="u615_img" class="img " src="images/阅读功能/u612.png"/>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u616" class="ax_default image1">
                  <img id="u616_img" class="img " src="images/阅读功能/u613.svg"/>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u617" class="ax_default" data-left="176" data-top="597" data-width="23" data-height="10">

                <!-- Unnamed (椭圆形) -->
                <div id="u618" class="ax_default ellipse">
                  <img id="u618_img" class="img " src="images/阅读功能/u618.png"/>
                </div>

                <!-- Unnamed (椭圆形) -->
                <div id="u619" class="ax_default ellipse">
                  <img id="u619_img" class="img " src="images/阅读功能/u619.png"/>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u620" class="ax_default" data-left="82" data-top="310" data-width="263" data-height="32">

                <!-- Unnamed (组合) -->
                <div id="u621" class="ax_default" data-left="82" data-top="310" data-width="263" data-height="32">

                  <!-- Unnamed (矩形) -->
                  <div id="u622" class="ax_default box_1">
                    <img id="u622_img" class="img " src="images/阅读功能/u622.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u623" class="ax_default box_1">
                    <img id="u623_img" class="img " src="images/阅读功能/u623.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u624" class="ax_default ellipse">
                    <img id="u624_img" class="img " src="images/阅读功能/u624.png"/>
                    <div id="u624_text" class="text ">
                      <p style="font-size:10px;"><span style="color:#666666;">&nbsp;</span><span style="font-size:28px;color:#FFFFFF;"> </span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u625" class="ax_default label">
                    <div id="u625_div" class=""></div>
                    <div id="u625_text" class="text ">
                      <p><span>A</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u626" class="ax_default label">
                  <div id="u626_div" class=""></div>
                  <div id="u626_text" class="text ">
                    <p><span>A</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u627" class="ax_default label">
                  <div id="u627_div" class=""></div>
                  <div id="u627_text" class="text ">
                    <p><span>18</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (SVG) -->
              <div id="u628" class="ax_default image1">
                <img id="u628_img" class="img " src="images/阅读功能/u628.svg"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u464_state5" class="panel_state" data-label="State6" style="visibility: hidden;">
          <div id="u464_state5_content" class="panel_state_content">

            <!-- Unnamed (组合) -->
            <div id="u629" class="ax_default" data-left="0" data-top="227" data-width="375" data-height="431">

              <!-- Unnamed (矩形) -->
              <div id="u630" class="ax_default box_1">
                <img id="u630_img" class="img " src="images/阅读功能/u570.png"/>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u631" class="ax_default _图片">
                <img id="u631_img" class="img " src="images/阅读功能/u631.png"/>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u632" class="ax_default" data-left="30" data-top="399" data-width="50" data-height="50">

                <!-- Unnamed (矩形) -->
                <div id="u633" class="ax_default box_1">
                  <img id="u633_img" class="img " src="images/阅读功能/u633.png"/>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u634" class="ax_default image1">
                  <img id="u634_img" class="img " src="images/阅读功能/u634.svg"/>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u635" class="ax_default label">
                <div id="u635_div" class=""></div>
                <div id="u635_text" class="text ">
                  <p><span>下载到本地</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u636" class="ax_default label">
                <div id="u636_div" class=""></div>
                <div id="u636_text" class="text ">
                  <p><span>添加书签</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u637" class="ax_default" data-left="118" data-top="399" data-width="50" data-height="50">

                <!-- Unnamed (组合) -->
                <div id="u638" class="ax_default" data-left="118" data-top="399" data-width="50" data-height="50">

                  <!-- Unnamed (矩形) -->
                  <div id="u639" class="ax_default box_1">
                    <img id="u639_img" class="img " src="images/阅读功能/u633.png"/>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u640" class="ax_default image1">
                  <img id="u640_img" class="img " src="images/阅读功能/u640.svg"/>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u641" class="ax_default" data-left="207" data-top="395" data-width="50" data-height="57">

                <!-- Unnamed (矩形) -->
                <div id="u642" class="ax_default box_1">
                  <img id="u642_img" class="img " src="images/阅读功能/u633.png"/>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u643" class="ax_default image1">
                  <img id="u643_img" class="img " src="images/阅读功能/u643.svg"/>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u644" class="ax_default" data-left="298" data-top="399" data-width="50" data-height="50">

                <!-- Unnamed (组合) -->
                <div id="u645" class="ax_default" data-left="298" data-top="399" data-width="50" data-height="50">

                  <!-- Unnamed (矩形) -->
                  <div id="u646" class="ax_default box_1">
                    <img id="u646_img" class="img " src="images/阅读功能/u633.png"/>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u647" class="ax_default image1">
                  <img id="u647_img" class="img " src="images/阅读功能/u647.svg"/>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u648" class="ax_default" data-left="118" data-top="499" data-width="50" data-height="50">

                <!-- Unnamed (组合) -->
                <div id="u649" class="ax_default" data-left="118" data-top="499" data-width="50" data-height="50">

                  <!-- Unnamed (矩形) -->
                  <div id="u650" class="ax_default box_1">
                    <img id="u650_img" class="img " src="images/阅读功能/u633.png"/>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u651" class="ax_default _图片">
                  <img id="u651_img" class="img " src="images/阅读/u350.svg"/>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u652" class="ax_default" data-left="30" data-top="499" data-width="50" data-height="50">

                <!-- Unnamed (组合) -->
                <div id="u653" class="ax_default" data-left="30" data-top="499" data-width="50" data-height="50">

                  <!-- Unnamed (组合) -->
                  <div id="u654" class="ax_default" data-left="30" data-top="499" data-width="50" data-height="50">

                    <!-- Unnamed (矩形) -->
                    <div id="u655" class="ax_default box_1">
                      <img id="u655_img" class="img " src="images/阅读功能/u633.png"/>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u656" class="ax_default _图片">
                  <img id="u656_img" class="img " src="images/阅读/u352.svg"/>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u657" class="ax_default label">
                <div id="u657_div" class=""></div>
                <div id="u657_text" class="text ">
                  <p><span>私密阅读</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u658" class="ax_default label">
                <div id="u658_div" class=""></div>
                <div id="u658_text" class="text ">
                  <p><span>赠送朋友</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u659" class="ax_default" data-left="29" data-top="592" data-width="317" data-height="50">

                <!-- Unnamed (矩形) -->
                <div id="u660" class="ax_default box_1">
                  <img id="u660_img" class="img " src="images/阅读功能/u660.png"/>
                  <div id="u660_text" class="text ">
                    <p><span>取消</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u661" class="ax_default label">
                <div id="u661_div" class=""></div>
                <div id="u661_text" class="text ">
                  <p><span>全文搜索</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u662" class="ax_default label">
                <div id="u662_div" class=""></div>
                <div id="u662_text" class="text ">
                  <p><span>添加到桌面</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u663" class="ax_default label">
                <div id="u663_div" class=""></div>
                <div id="u663_text" class="text ">
                  <p><span>三体</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u664" class="ax_default label">
                <div id="u664_div" class=""></div>
                <div id="u664_text" class="text ">
                  <p><span>刘慈欣</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u665" class="ax_default" data-left="118" data-top="321" data-width="83" data-height="15">

                <!-- Unnamed (SVG) -->
                <div id="u666" class="ax_default image1">
                  <img id="u666_img" class="img " src="images/阅读功能/u666.svg"/>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u667" class="ax_default image1">
                  <img id="u667_img" class="img " src="images/阅读功能/u666.svg"/>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u668" class="ax_default image1">
                  <img id="u668_img" class="img " src="images/阅读功能/u666.svg"/>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u669" class="ax_default image1">
                  <img id="u669_img" class="img " src="images/阅读功能/u562.svg"/>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u670" class="ax_default image1">
                  <img id="u670_img" class="img " src="images/阅读功能/u666.svg"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u671" class="ax_default label">
                  <div id="u671_div" class=""></div>
                  <div id="u671_text" class="text ">
                    <p><span>8.0</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (SVG) -->
              <div id="u672" class="ax_default _图片">
                <img id="u672_img" class="img " src="images/阅读/u343.svg"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u673" class="ax_default label">
                <div id="u673_div" class=""></div>
                <div id="u673_text" class="text ">
                  <p><span>详情</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u674" class="ax_default label">
                <div id="u674_div" class=""></div>
                <div id="u674_text" class="text ">
                  <p><span>推荐值86.8%</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u675" class="ax_default" data-left="203" data-top="493" data-width="51" data-height="86">

                <!-- Unnamed (矩形) -->
                <div id="u676" class="ax_default box_1">
                  <img id="u676_img" class="img " src="images/阅读功能/u633.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u677" class="ax_default label">
                  <div id="u677_div" class=""></div>
                  <div id="u677_text" class="text ">
                    <p><span>开通VIP</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u678" class="ax_default image1">
                  <img id="u678_img" class="img " src="images/阅读功能/u678.svg"/>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 笔记 (热区) -->
      <div id="u679" class="ax_default" data-label="笔记">
      </div>

      <!-- 目录 (热区) -->
      <div id="u680" class="ax_default" data-label="目录">
      </div>

      <!-- 笔记 (热区) -->
      <div id="u681" class="ax_default" data-label="笔记">
      </div>

      <!-- 笔记 (热区) -->
      <div id="u682" class="ax_default" data-label="笔记">
      </div>

      <!-- 笔记 (热区) -->
      <div id="u683" class="ax_default" data-label="笔记">
      </div>

      <!-- 笔记 (热区) -->
      <div id="u684" class="ax_default" data-label="笔记">
      </div>

      <!-- Unnamed (组合) -->
      <div id="u685" class="ax_default" data-left="371" data-top="17" data-width="431" data-height="859">

        <!-- Unnamed (图片) -->
        <div id="u686" class="ax_default image">
          <img id="u686_img" class="img " src="images/登录与注册/u90.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u687" class="ax_default image">
          <img id="u687_img" class="img " src="images/登录与注册/u92.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u688" class="ax_default image">
          <img id="u688_img" class="img " src="images/登录与注册/u93.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u689" class="ax_default image">
          <img id="u689_img" class="img " src="images/登录与注册/u94.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u690" class="ax_default _文本段落">
        <div id="u690_div" class=""></div>
        <div id="u690_text" class="text ">
          <p style="font-size:36px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">阅读功能页面</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">1. 阅读时单击页面中央区域弹出阅读功能。</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">2. 左右拖动下方进度条可以直接调节文章进度。</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">3. 点击“听”按钮开启听书功能。</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">4.&nbsp; 单击【阅读功能页面】下栏第一个图标进入【</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">目录页面</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">】。 </span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">单击【阅读功能页面】下栏第二个图标进入【笔记</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">页面</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">】。 </span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">单击【阅读功能页面】下栏第三个图标进入【评论</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">页面</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">】。 </span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">单击【阅读功能页面】下栏第四个图标进入【亮度</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">页面</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">】。 </span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">单击【阅读功能页面】下栏第五个图标进入【设置</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">页面</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">】。</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp;单击【阅读功能页面】上栏最后一个图标进入【更多</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">页面</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">】。</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">5.&nbsp; 单击【阅读功能页面】上栏第一个图标返回到【阅读</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">页面</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">】。</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">6. 再次点击页面其他空白处将取消功能，回到【继续阅读页面】。</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
